<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <style type="text/css">
        li{
            list-style: none;
        }
        li.a{
            float: left;
        }
        ul li.a:after{
            content: "";
            display: block;
            clear: both;
        }

       ul li.a:hover{
            transform: rotate(360deg) scale(1.2);
            transition: all 3s ease 0s;
        }

    </style>
</head>
<body>
<div>
    <ul>
        <li><h1>顺时针旋转360度放大1.2倍</h1></li>
        <li class="a"><a  href="#"><img src="image/delicious.png"></a></li>
        <li class="a"><a  href="#"><img src="image/facebook.png"></a></li>
        <li class="a"><a  href="#"><img src="image/rss.png"></a></li>
        <li class="a"><a  href="#"><img src="image/yahoo.png"></a></li>
        <li class="a"><a  href="#"><img src="image/twitter.png"></a></li>
    </ul>
</div>
</body>
</html>